.introduce {
  .Rvideo {
    position: relative;

    .Rvideo-play {
      // height: 300px;
      width: 100%;
      background-color: #ccc;
      position: relative;

      video {
        width: 100%;
        height: 100%;
      }
      .Rvideo-back {
        position: absolute;
        top: 0;
        left: 0;
        width: 40px;
        line-height: 40px;
        font-size: 40px;
        text-align: center;
        color: #fff;
      }

      div {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        text-align: center;

        span {
          font-size: 35px;
          color: #fff;
          font-weight: bold;
        }

        p {
          margin-top: 18px;
          color: #fff;
        }
      }
    }
  }

  .intro-foot {
    padding: 20px 25px;
    .intro-tips {
      .title {
        h2 {
          font-size: 20px;
          font-weight: normal;
        }

        .intro-times {
          line-height: 37px;
          display: flex;
          justify-content: space-between;
          align-items: center;
          border-bottom: 1px solid #bbbbbb;
          p {
            font-size: 14px;
          }
          span {
            font-size: 20px;
          }
        }
      }
    }

    .intro-name {
      display: flex;
      justify-content: space-between;
      align-items: center;
      .name-icon {
        width: 80px;
        height: 80px;
        border-radius: 50%;
        background: url(../fitness-imgs/huo-img10.webp) no-repeat center / cover;
      }

      .name-user {
        display: flex;
        flex-direction: column;
      }

      .name-check {
        width: 80px;
        height: 35px;
        background-color: #00bdff;
        color: #fff;
        border-radius: 23px;
        text-align: center;
        line-height: 35px;
      }
    }

    .intro-word {
      color: #8a8a8a;
      margin-top: 20px;

      p {
        span {
          color: black;
        }
      }
    }

    .intro-more {
      margin-top: 32px;
      display: flex;
      li {
        width: 80%;
        border-right: #bbbbbb;
        border-right: 1px solid rgba(187, 187, 187, 100);
      }

      li:last-child {
        border: 0;
        padding-left: 27px;
      }

      div {
        display: flex;

        span {
          margin-right: 5px;
          font-size: 18px;
        }
      }
    }

    .btn {
      width: 100%;
      height: 55px;
      margin-top: 35px;
      background-color: #00bdff;
      border-radius: 27px;
      color: #fff;
      text-align: center;
      line-height: 55px;
      font-size: 18px;
    }
  }
}
